<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" href="./js/bootstrap-3.4.1/css/bootstrap.min.css">
		<link rel="stylesheet" href="./js/bootstrap-3.4.1/css/bootstrap-theme.min.css">
		
		<script type="text/javascript" src="./js/jquery-3.6.0.min.js"></script>
		<script type="text/javascript" src="./js/bootstrap-3.4.1/js/bootstrap.min.js"></script>
	</head>
	<body>
		<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
		  <div class="modal-dialog" role="document">
		    <div class="modal-content">
		      <div class="modal-header">
		        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
		        <h4 class="modal-title" id="myModalLabel">修改内容</h4>
		      </div>
		      <div class="modal-body">
		        <input type="text" name="" id="">
		      </div>
		      <div class="modal-footer">
		        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
		        <button type="button" class="btn btn-primary">保存修改</button>
		      </div>
		    </div>
		  </div>
		</div>
		<div class="modal fade" id="myModal2" tabindex="-1" role="dialog" aria-labelledby="myModalLabel2">
		  <div class="modal-dialog" role="document">
		    <div class="modal-content">
		      <div class="modal-header">
		        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
		        <h4 class="modal-title" id="myModalLabel2">删除内容</h4>
		      </div>
		      <div class="modal-body">
		        <input type="text" name="" id="">
		      </div>
		      <div class="modal-footer">
		        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
		        <button type="button" class="btn btn-primary">保存修改</button>
		      </div>
		    </div>
		  </div>
		</div>
		<table class="table table-striped table-bordered table-hover table-condensed">
			<thead>
				<tr class="active">
					<th>序号</th>
					<th>姓名</th>
					<th>姓名</th>
					<th>身份证号</th>
					<th>操作</th>
				</tr>
			</thead>
			<tbody>
				<tr class="info">
					<td>1</td>
					<td>王强</td>
					<td>男</td>
					<td>6103262000009300458</td>
					<td>
						<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#myModal">修改</button>
						<button type="button" class="btn btn-danger" data-toggle="modal" data-target="#myModal2">删除</button>
					</td>
				</tr>
				<tr class="warning">
					<td>2</td>
					<td>李志远</td>
					<td>女</td>
					<td>6103261999093068596</td>
					<td>
						<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#myModal">修改</button>
						<button type="button" class="btn btn-danger" data-toggle="modal" data-target="#myModal2">删除</button>
					</td>
				</tr>
				<tr class="success">
					<td>3</td>
					<td>张明</td>
					<td>男</td>
					<td>6103262000007327593</td>
					<td>
						<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#myModal">修改</button>
						<button type="button" class="btn btn-danger" data-toggle="modal" data-target="#myModal2">删除</button>
					</td>
				</tr>
				<tr class="danger">
					<td>4</td>
					<td>程瑶</td>
					<td>女</td>
					<td>6103262001022295878</td>
					<td>
						<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#myModal">修改</button>
						<button type="button" class="btn btn-danger" data-toggle="modal" data-target="#myModal2">删除</button>
					</td>
				</tr>
			</tbody>
		</table>
	</body>
</html>